<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no;">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="format-detection" content="telephone=no" />
		<title>上海理财博览会</title>
		<style type="text/css">
			body{
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				overflow: hidden;
				font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
				letter-spacing:0;
				color: #333;
			}
			.page{
				width: 100%;
				height: 100%;
				position: relative;
			}
			.page img{
				width: 100%;
				height: 100%;
				display: block;
				z-index: 0;
			}
			.page p{
				position: absolute;
				top: 20%;
				left: 50%;
				margin-left: -60px;
				letter-spacing: 5px;
				color: #ed585e;
				font-size: 18px;
				font-weight: bold;
			}
		</style>
	</head>
	
	<body>
		<div class="page">
			<img src="./img/broad.png" alt="">
			<p id="String"></p>
		</div>
		
		<script type="text/javascript">
			var str = '';
			var numArry = ['0','1','2','3','4','5','6','7','8','9'];
			var letterArry = ['Z','C','J'];
			function randomSort(a, b) {
				return Math.random() > 0.5 ? -1 : 1;
			}
			var newNumArry = numArry.sort(randomSort).slice(0,5);
			var arry = letterArry.concat(newNumArry);
			
			var str = arry.sort(randomSort).join(''); 
			
			var oString = document.querySelector('#String');
			oString.innerText = str
		</script>
	</body>
</html>
